@charset "utf-8";
/* CSS Document */

.wrap{ font-size:12px; line-height:24px;}
/*main*/
.home{background:url(../images/mainbg.jpg) no-repeat white}
.news{float:left;width:361px;height:236px;background:url(../images/newsbg.png) no-repeat;padding-top:52px;margin-left:43px;position:relative}
.newslist{display:block;width:272px;height:115px;overflow:hidden;position:relative;margin-left:80px;margin-top:50px;#margin-top:100px;}
.newslist ul{position:absolute;display:block;width:100%;height:auto;top:0px;left:0px;}
.newslist li{line-height:25px;font-size:12px;height:25px;display:block}
.news .more{position:absolute;right:40px;bottom:40px;color:#85ac0b;}

.aboutus{float:left;width:451px;height:288px;background:url(../images/aboutbg.png) no-repeat;position:relative;}
.aboutus p{display:block;margin-top:80px;width:85%;margin-left:38px;}
.aboutus strong{font-weight:100;color:#85ac0b}
.aboutus .more{position:absolute;right:80px;bottom:120px;color:#85ac0b;}

.contact{float:left;width:364px;height:288px;background:url(../images/contactbg.png) no-repeat;position:relative;}
.contact .phone{
	position:absolute;
	left:70px;
	top:113px;
	font-size:36px;
	font-family:'FZYaoti','Arial';
	letter-spacing:0px;
	font-weight:100;
	line-height:36px;
}
.contact .email{color:#85ac0b;position:absolute;top:150px;left:48px;}

.talk{display:block;width:101px;height:44px;background:url(../images/talk.png) no-repeat;color:white;font:16px/30px "Microsoft YaHei","Simsun";text-align:center;position:absolute;right:54px;top:150px;}
.talk:link{color:white;text-decoration:none}
.talk:visited{color:white;text-decoration:none}
.talk:hover{color:white;text-decoration:none;top:149px;}
.qq{display:block;width:92px;height:22px;background:url(../images/qqbg.png) no-repeat;color:white;text-indent:26px;line-height:22px;text-decoration:none;position:absolute;top:172px;left:48px;}
.qq:link{color:white}
.qq:visited{color:white}
.qq:hover{color:white;text-decoration:none}

.services{position:relative;clear:both;display:block;width:100%;height:310px;background:url(../images/service.jpg) no-repeat;margin-bottom:20px;margin-top:10px;}
.services_pc{position:absolute;width:382px;height:100%;left:0px;top:0px;z-index:100;cursor:pointer;background:url(../images/pc.png) no-repeat}
.case_list li{position:absolute;display:block;width:244px;height:136px;z-index:0;top:24px;left:81px;}
.services_list{position:absolute;width:686px;height:100%;right:30px;top:0px;}

/*service btn*/
.services_list .btn{position:absolute;width:26px;height:26px;margin-top:-13px;background-image:url(../images/btn.png);background-repeat:no-repeat;z-index:1;top:50%;}
.services_list .leftb{left:0px;background-position:0 0;}
.services_list .leftb:hover{background-position:-26px 0;}
.services_list .rightb{right:0px;background-position:-52px 0;}
.services_list .rightb:hover{background-position:-78px 0;}

.sl_wrap{position:relative;width:582px;height:186px;z-index:0;overflow:hidden;left:30px;margin-left:25px;margin-top:61px;}
.sl_wrap ul{display:block;height:100%;position:absolute;left:0;top:0;}
.sl_wrap li{display:block;width:582px;height:100%;float:left;position:relative;}
.sl_wrap li strong{position:absolute;display:block;font-weight:100}

.sl1{background:url(../images/service1.png) no-repeat}
.sl2{background:url(../images/service1.png) no-repeat}


.p1{top:60px;left:92px;}
.p2{top:60px;left:400px;}
.p3{top:150px;left:75px;}
.p4{top:150px;left:392px;}

footer{width:100%;height:216px;background:url(../images/footerbg.png) top no-repeat;border-bottom:1px solid white;position:relative;}
footer .links{display:block;position:absolute;top:61px;left:480px;line-height:26px;}
.links li{line-height:27px;background:url(../images/dot.png) 1em 50% no-repeat;text-indent:2.5em}
.links .normal{border-bottom:1px solid #000;border-top:1px solid #3a3a3a}
.links .first{border-bottom:1px solid #000;}
.links .last{border-top:1px solid #3a3a3a}
footer .keyword{display:block;position:absolute;bottom:2px;left:20px;color:#646464;background:url(../images/zf.jpg) 347px 50% no-repeat}
.keyword span{color:#242424}

footer .contacts{display:block;position:absolute;width:270px;height:auto;top:60px;right:100px;}
.contacts h4{font-size:14px;font-weight:100;}
.contacts h5{font-size:12px;font-weight:100;line-height:32px;background:url(../images/qq.png) 56px 45% no-repeat}
.contacts h3{color:white;font-size:20px;font-weight:100;letter-spacing:-1px}
.contacts .position{position:absolute;width:34px;height:46px;background:url(../images/position.png) no-repeat;left:-42px;top:-10px;}
.contacts .qq1{color:#9adc47;margin-left:15px;}
.contacts .qq2{color:#ffba00}


/*test*/
.red{background:url(images/01.jpg);}
.orange{background:url(images/02.jpg);}
.yellow{background:url(images/03.jpg);}
.green{background:url(images/04.jpg);}
.purple{background:url(images/05.jpg);}


.banner {
	WIDTH: 100%; PADDING-TOP:0px}
.banner .showf {POSITION: relative; MARGIN: auto; WIDTH: 100%; HEIGHT: 520px; OVERFLOW: hidden}
.banner .shows {POSITION: absolute; WIDTH: 100%; DISPLAY: none; FLOAT: left; TOP:96px; LEFT: 0px}
.banner .img {MARGIN: auto; DISPLAY: block}
.banner .button {MARGIN: auto; DISPLAY: block}
.banner .img {MARGIN-TOP: 12px}
.banner .button {WIDTH: 219px}
.banner .button A {WIDTH: 23px; DISPLAY: inline;FLOAT: left; HEIGHT: 23px; MARGIN-RIGHT: 1px}
.banner .button A.btn1 {BACKGROUND-POSITION: 0px 0px}
.banner .button A.btn2 {BACKGROUND-POSITION: -23px 0px}
.banner .button A.btn3 {BACKGROUND-POSITION: -46px 0px}
.banner .button A.btn4 {BACKGROUND-POSITION: -69px 0px}
.banner .button A.btn5 {BACKGROUND-POSITION: -92px 0px}
.banner .button A.btn1_fire {BACKGROUND-POSITION: 0px -23px}
.banner .button A.btn2_fire {BACKGROUND-POSITION: -23px -23px}
.banner .button A.btn3_fire {BACKGROUND-POSITION: -46px -23px}
.banner .button A.btn4_fire {BACKGROUND-POSITION: -69px -23px}
.banner .button A.btn5_fire {BACKGROUND-POSITION: -92px -23px}
.banner .nav2 {LINE-HEIGHT: 35px; PADDING-LEFT: 6px; HEIGHT: 35px; FONT-SIZE: 10px}
.banner .nav2 {COLOR: #787878}
.banner .nav2 A {COLOR: #787878}
.banner .nav2 A:hover {COLOR: #6fa605; TEXT-DECORATION: none}
.banner .nav2 LI {PADDING-LEFT: 9px; DISPLAY: inline;  FLOAT: left; MARGIN-RIGHT: 18px}
.banner .nav2 LI.location {PADDING-LEFT: 11px;}
.banner .nav2 SPAN.fr {PADDING-RIGHT: 21px}

.case LI {POSITION: relative; WIDTH: 302px; DISPLAY: inline; FLOAT: left; HEIGHT: 215px; MARGIN-RIGHT: 14px}
.case LI.last {FLOAT: right; MARGIN-RIGHT: 0px}
.case LI .case_w {POSITION: absolute; PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; WIDTH: 262px; BOTTOM: 14px; PADDING-RIGHT: 20px; DISPLAY: block; BACKGROUND: url(/inc/img/bg_case.png) no-repeat; HEIGHT: 145px; PADDING-TOP: 20px; LEFT: 0px}
.case LI .case_w .fire {Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=50); WIDTH: 262px; DISPLAY: none; BACKGROUND: #000; HEIGHT: 148px; TOP: 20px; LEFT: 20px; opacity: 0.5}
.case LI .case_w .x {Z-INDEX: 3; POSITION: absolute; WIDTH: 61px; DISPLAY: none; HEIGHT: 61px; TOP: 60px}
.case LI .case_w .y {Z-INDEX: 3; POSITION: absolute; WIDTH: 61px; DISPLAY: none; HEIGHT: 61px; TOP: 60px}
.case2 {POSITION: relative; HEIGHT: 0px}
.case2 .case_f {POSITION: absolute; TOP: 0px; LEFT: 0px}
.case2 .case_body {POSITION: relative; WIDTH: 302px; HEIGHT: 215px}
.case2 .case_w {POSITION: absolute; PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; WIDTH: 262px; BOTTOM: 14px; PADDING-RIGHT: 20px; DISPLAY: block; HEIGHT: 145px; PADDING-TOP: 20px; LEFT: 0px}
.case2 .case_w .fire {Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=50); WIDTH: 262px; DISPLAY: none; BACKGROUND: #000; HEIGHT: 148px; TOP: 20px; LEFT: 20px; opacity: 0.5}
.case2 .case_w .y {Z-INDEX: 3; POSITION: absolute; WIDTH: 61px; DISPLAY: none; HEIGHT: 61px; TOP: 0px; LEFT: 120px}
.box_t {MARGIN-TOP: 22px; HEIGHT: 27px}
.box_m {PADDING-BOTTOM: 0px; PADDING-LEFT: 29px; PADDING-RIGHT: 29px; PADDING-TOP: 0px}
.box_b { HEIGHT: 27px}
.box2_t {MARGIN-TOP: 22px;no-repeat; HEIGHT: 22px}
.box2_m {PADDING-BOTTOM: 0px; PADDING-LEFT: 29px; PADDING-RIGHT: 29px; PADDING-TOP: 0px}
.box2_b { HEIGHT: 22px}
.recommend_read_more {WIDTH: 160px;no-repeat; HEIGHT: 41px}
.box3_m {PADDING-BOTTOM: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 29px; PADDING-TOP: 0px}
.box3_m A {WIDTH: 285px; FLOAT: left; HEIGHT: 90px}
.box3_m A.btn3 {FLOAT: right}
.box3_m A.btn6 {FLOAT: right}
.box3_m A.btn1 {MARGIN-RIGHT: 28px}
.box3_m A.btn4 {MARGIN-RIGHT: 28px}
.box3_m A.btn4 {MARGIN-TOP: 42px}
.box3_m A.btn5 {MARGIN-TOP: 42px}
.box3_m A.btn1 {BACKGROUND: url(/inc/img/box3_bg1.png) no-repeat}
.box3_m A.btn2 {BACKGROUND: url(/inc/img/box3_bg2.png) no-repeat}
.box3_m A.btn3 {BACKGROUND: url(/inc/img/box3_bg3.png) no-repeat}
.box3_m A.btn4 {BACKGROUND: url(/inc/img/box3_bg4.png) no-repeat}
.box3_m A.btn5 {BACKGROUND: url(/inc/img/box3_bg5.png) no-repeat}
.box2_m .dl {POSITION: relative; LINE-HEIGHT: 21px; WIDTH: 252px; COLOR: #787878; FONT-SIZE: 11px}
.box2_m .dl IMG {MARGIN-BOTTOM: 8px}

.clear {
	CLEAR: both
}
